<template>
  <div class="main">

    <vue-particles
      color="#bdbdbd"
      :particleOpacity="0.7"
      :particlesNumber="60"
      shapeType="star"
      :particleSize="4"
      linesColor="#bdbdbd"
      :linesWidth="1"
      :lineLinked="true"
      :lineOpacity="0.4"
      :linesDistance="150"
      :moveSpeed="2"
      :hoverEffect="true"
      hoverMode="grab"
      :clickEffect="true"
      clickMode="push"
      class="lizi"
    >
    </vue-particles>
  </div>
</template>

<script>
import IndexChart from './IndexChart'
  import IndexTask from "./IndexTask"
  import IndexBdc from './IndexBdc'
// Vue.use(VueParticles)
  export default {
    name: "Analysis",
    components: {

    },
    data() {
      return {
        indexStyle:1
      }
    },
    created() {
    },
    methods: {

    }
  }
</script>
<style scoped>
  .main{
    /*background: linear-gradient(0deg, #000c17, #393939);*/
    height: 800px;
  }
  .lizi{
    height: 100%;
  }
  .box{
    background: #bdbdbd;
  }
</style>